<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

    <title>SGI :: Sistema de Gesti&oacute;n de Ideas</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

	<!-- Propios -->
	<script src="../js/jquery-1.7.2.min.js"></script>
	<link href="../css/css_global.css" rel="stylesheet">
	<script src="../js/app/usuario/mnt_usuario.js"></script>
	
	<%@ include file="../../includes/head_privado.jsp" %>
	
  </head>

  <body>

	<%@ include file="../../includes/menu.jsp" %>
	
	<div class="container-fluid">
      <div class="row-fluid">
        
        <%@ include file="../../includes/app_menu.jsp" %>
		
		
		
		<!-- AREA TRABAJO -->
		<div class="span9">
			<table border="0" width="100%" cellpadding="0" cellspacing="0">	
			
				<!-- Cabecera -->
				<tr>
					<td>
					
						<table width="100%" border="0" >
							<tr>
								<td style="padding-left:10px; padding-right:15px;width:30px;"><img src="<%=request.getContextPath() %>/img/mdl_usuario.jpg" alt=""></td>
								<td>
									<h6 style="margin:0px;">Adm. de Usuarios</h6>
									<h4 style="margin:0px;">Mantenimiento de Usuarios</h4>
								</td>
								<td style="text-align:right;">
								
													
								</td>
							</tr>
						</table>
					
					</td>				
				</tr>			
				<tr style="margin:0px;">
					<td><hr style="margin:5px;"/></td>				
				</tr>	
				
				<!-- BODY -->
				<tr>
					<td align="left">
						<br>
					
						
						<div id="dv_ConfirmERROR" class="alert alert-block alert-error fade in" style="display:none; padding-bottom:3px; padding-top:3px;">
								<input type="hidden" name="hddMensaje" id="hddMensaje" value="${HS_DATOS.HM_MSG_DESCRIPCION}">
								${HS_DATOS.HM_MSG_DESCRIPCION}						
						</div> 
						
						
						<div class="dv_tituloForm">Datos del Usuario</div>
						
						<form id="frmUsuario" name="frmUsuario" action="<%=request.getContextPath() %>/mod_usuario/grabaUsuario.html" class="form-horizontal">
						
							<input type="hidden" name="hddCodUsuario" id="hddCodUsuario" value="${HS_DATOS.HM_BEAN_USUARIO.codUsuario}"> 
												
								<div class="dv_contenedorForm" style="margin-left:0px;" >
										
										<div class="control-group">
											<label class="control-label" for="inputEmail">Email (Login)</label>
											<div class="controls">
												<input type="text" name="txtEmail" id="txtEmail" value="${HS_DATOS.HM_BEAN_USUARIO.correo}" placeholder="Email" required>
											</div>
										</div>
										
										<div class="control-group"style="margin-bottom:0px;">
											<label class="control-label" for="inputPassword">Clave</label>
											<div class="controls">
												<input type="password" name="txtClave" id="txtClave" value="${HS_DATOS.HM_BEAN_USUARIO.clave}" placeholder="Clave" class="input-medium" required>
											</div>
										</div>
										
										<div class="control-group" style="margin-bottom:0px; margin-top:0px;">
											<hr>
										</div>
										
										<div class="control-group">
											<label class="control-label">Nombres</label>
											<div class="controls">
												<input type="text" name="txtNombres" id="txtNombres" value="${HS_DATOS.HM_BEAN_USUARIO.nombre}" class="input-large" required>										
											</div>
										</div>
									
										<div class="control-group">
											<label class="control-label">Ape. Paterno</label>
											<div class="controls">
												<input type="text" name="txtApePaterno" id="txtApePaterno" value="${HS_DATOS.HM_BEAN_USUARIO.paterno}" class="input-large" required>										
											</div>
										</div>
										
										<div class="control-group">
											<label class="control-label">Ape. Materno</label>
											<div class="controls">
												<input type="text" name="txtApeMaterno" id="txtApeMaterno" value="${HS_DATOS.HM_BEAN_USUARIO.materno}" class="input-large" required>										
											</div>
										</div>
										
										<div class="control-group">
											<label class="control-label">Tipo Documento</label>
											<div class="controls">
												<select name="cmbTipoDocumento" id="cmbTipoDocumento">
													<option value="0">[-Selecionar-]</option>	
													<c:forEach items="${HS_DATOS.HM_LST_TIPO_DOCUMENTOS}" var="lst" varStatus="i">
														<option value="${lst.cod_tipoDocumento}" <c:if test = "${HS_DATOS.HM_BEAN_USUARIO.codTipoDocumento == lst.cod_tipoDocumento}">selected="selected"</c:if> >${lst.nom_tipoDocumento}</option>
													</c:forEach>										  
												</select>
											</div>
										</div>
										
										<div class="control-group">
											<label class="control-label">Nro. Documento</label>
											<div class="controls">
												<input type="text" name="txtNroDocumento" id="txtNroDocumento" value="${HS_DATOS.HM_BEAN_USUARIO.numeroDocumentoIdent}" class="input-small" required>										
											</div>
										</div>
										
										<div class="control-group">
											<label class="control-label">Sexo</label>
											<div class="controls">
												<input type="hidden" name="hddSexo" id="hddSexo" value="${HS_DATOS.HM_BEAN_USUARIO.sexo}">
												<input type="radio" name="optSexo" id="rdbMasculino" value="M" onclick="javascript:fn_seteaSexo('M');" <c:if test = "${HS_DATOS.HM_BEAN_USUARIO.sexo == 'M'}">checked="checked"</c:if> >&nbsp;Masculino								
												&nbsp;&nbsp;
												<input type="radio" name="optSexo" id="rdbFemenino" value="F" onclick="javascript:fn_seteaSexo('F');" <c:if test = "${HS_DATOS.HM_BEAN_USUARIO.sexo == 'M'}">checked="checked"</c:if>>&nbsp;Femenino
											</div>									
										</div>
										
										<div class="control-group"style="margin-bottom:0px;">
											<label class="control-label">Celular</label>
											<div class="controls">
												<input type="text" name="txtCelular" id="txtCelular" value="${HS_DATOS.HM_BEAN_USUARIO.celular}" class="input-small" required>										
											</div>
										</div>
										
										<div class="control-group" style="margin-bottom:0px; margin-top:0px;">
											<hr>
										</div>
										
										<div class="control-group">
											<label class="control-label">Tipo Usuario</label>
											<div class="controls">
												<select name="cmbTipoUsuario" id="cmbTipoUsuario">
												  	<option value="0">[-Selecionar-]</option>		
												  	<c:forEach items="${HS_DATOS.HM_LST_TIPO_USUARIOS}" var="lst" varStatus="i">
														<option value="${lst.cod_tipoUsuario}" <c:if test = "${HS_DATOS.HM_BEAN_USUARIO.codTipoUsuario == lst.cod_tipoUsuario}">selected="selected"</c:if> >${lst.nom_tipoUsuario}</option>
													</c:forEach>								  
												</select>
											</div>
										</div>
										
										<div class="control-group">
											<label class="control-label">Centro Formaci&oacute;n</label>
											<div class="controls">
												<select name="cmbCentroFormacion" id="cmbCentroFormacion">
												  	<option value="0">[-Selecionar-]</option>		
												  	<c:forEach items="${HS_DATOS.HM_LST_CENTROS_FORMACION}" var="lst" varStatus="i">
														<option value="${lst.codCentro}" <c:if test = "${HS_DATOS.HM_BEAN_USUARIO.codTipoCentro == lst.codCentro}">selected="selected"</c:if> >${lst.nombre}</option>
													</c:forEach>								  
												</select>
											</div>
										</div>
										
									
									
								</div>
								
								<div class="form-actions" style="text-align:right;margin-top:0px; padding-top:9px; padding-bottom:9px;">
									<button type="submit" class="btn btn-primary">Grabar</button>
									<button type="button" class="btn" onclick="javascript:fn_cancelar();">Cancel</button>
								</div>
								
							</form>
								
														
					</td>				
				</tr>	
				
			</table>
		</span>
	    <!-- FIN AREA TRABAJO -->
			

	    
 	  </div>
	</div>
	   
 
   
   <%@ include file="../../includes/pie.jsp" %>


   
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../js/jquery.js"></script>
    <script src="../js/bootstrap-transition.js"></script>
    <script src="../js/bootstrap-alert.js"></script>
    <script src="../js/bootstrap-modal.js"></script>
    <script src="../js/bootstrap-dropdown.js"></script>
    <script src="../js/bootstrap-scrollspy.js"></script>
    <script src="../js/bootstrap-tab.js"></script>
    <script src="../js/bootstrap-tooltip.js"></script>
    <script src="../js/bootstrap-popover.js"></script>
    <script src="../js/bootstrap-button.js"></script>
    <script src="../js/bootstrap-collapse.js"></script>
    <script src="../js/bootstrap-carousel.js"></script>
    <script src="../js/bootstrap-typeahead.js"></script>
        
  </body>
</html>
